<template>
  <div>
    <div v-text="count"></div>
    <button @click="addOne">点我加一</button>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import Component from 'vue-class-component'

// @Component 修饰符注明了此类为一个 Vue 组件
/*@Component({
  // 所有的组件选项都可以放在这里
  template: `
    <button @click="onClick">Click!</button>
    <div  v-text="count"></div>
  `
})
export default class MyComponent extends Vue {
  // 初始数据可以直接声明为实例的 property
  count: number = 2

  // 组件方法也可以直接声明为实例的方法
  onClick (): void {
    this.count++
  }
}*/

export default Vue.extend({
  // 类型推断已启用
  data(){
    return {
      count:100
    }
  },
  methods:{
    addOne(){
      this.count++
    }
  }
})
</script>

<style scoped>

</style>
